<template>
  <div class="donateListDetails">
    <div class="head">
      <i class="iconfont head-icon" @click="comeBack">&#xe689;</i>
      希望工程一对一捐助
    </div>
    <div class="content">
      <div class="content_title_box">
        <div class="content_title">捐助项目</div>
        <div class="content_text" v-html="eventL.project_name"></div>
      </div>
      <div class="content_title_box">
        <div class="content_title">捐助金额</div>
        <div class="content_text content_money">{{eventL.needMoney}}元</div>
      </div>
      <div class="content_title_box">
        <div class="content_title">发起机构</div>
        <div class="content_text" v-html="eventL.organization"></div>
      </div>
      <div class="content_title_box">
        <div class="content_title">捐<span class="lineWidth"></span>款<span class="lineWidth"></span>人</div>
        <div class="content_text content_money">
          <p v-if="eventL.isNiming == 1">爱心用户</p>
          <p v-else="">{{eventL.nickName}}<span v-show="eventL.realName">({{eventL.realName}})</span></p>
        </div>
      </div>
      <div class="content_title_box">
        <div class="content_title_oth">捐助对象</div>
        <div class="content_pro">
          <div class="content_pro_top">
            <div class="content_pro_top_avatar">
              <img v-if="eventL.photo != ''" :src="imageUrl.imageUrl + eventL.photo" alt="">
              <img v-else-if="eventL.sex == '男'" src="../../images/man.png" alt="">
              <img v-else="" src="../../images/woman.png" alt="">
            </div>
            <div class="content_pro_top_text">
              <p class="content_pro_top_text_first" v-html="eventL.name"></p>
              <p>{{eventL.sex}} {{eventL.age}}岁</p>
              <p>{{eventL.city}} {{eventL.country}}</p>
            </div>
          </div>
          <div class="content_pro_bottom">
            <div class="content_pro_bottom_title">
              个人情况
            </div>
            <div class="content_pro_bottom_text">
              <group>
                <cell
                  :title="celltitle"
                  is-link
                  :border-intent="false"
                  :arrow-direction="showContent ? 'up' : 'down'"
                  @click.native="showContent = !showContent"></cell>
                <p class="slide" :class="showContent?'animate':''" v-html="eventL.pecuniaryCondition"></p>
              </group>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--<div class="imageBox" id="cnt">-->
      <!--<div class="imageBg">-->
        <!--<img :src="imageUrl.imageUrl + eventL.photo" alt="">-->
      <!--</div>-->
      <!--<div class="imageAdd">-->
        <!--<img v-if="eventL.isNiming == 2" :src="eventL.headUrl" alt="">-->
        <!--<img v-else="" src="../../images/onetooneadd.png" alt="">-->
      <!--</div>-->
      <!--<div v-show="student_id == ''" class="rightBtn" @click="rightBtn">-->
        <!--<i class="iconfont">&#xe64c;</i>-->
      <!--</div>-->
      <!--<div v-show="student_id == ''" class="leftBtn" @click="leftBtn">-->
        <!--<i class="iconfont">&#xe657;</i>-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="eventTitle">-->
      <!--<p><span v-html="eventL.name"></span> <span>{{eventL.sex}}</span> <span>{{eventL.age}}岁</span> <span>{{eventL.area}}</span>-->
      <!--</p>-->
      <!--<p v-if="eventL.isNiming == 2">捐助人：{{eventL.nickName}}({{eventL.realName}})</p>-->
      <!--<p v-else="">捐助人：爱心用户</p>-->
    <!--</div>-->
    <!--<div class="mechanism">-->
      <!--<p>发起机构： <span v-html="eventL.organization"></span></p>-->
    <!--</div>-->
    <!--<div class="targetMoney">-->
      <!--<div class="targetB">-->
        <!--捐助 <span>{{eventL.needMoney}}</span> 元-->
      <!--</div>-->
    <!--</div>-->
    <!--<div class="content" v-html="eventL.pecuniaryCondition">-->
    <!--</div>-->
  </div>
</template>
<style lang="scss" src='./donateListDetails.scss'></style>
<script src="./donateListDetails.js"></script>
